<template>
  <div class="navbar navbar-inverse">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
        <a class="navbar-brand" href="/">                    
                    {{company_name}}
                </a>
      </div>

      <div class="navbar-collapse collapse">

        <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
          <li><a href="/">首页</a></li>
          <li><a id="order" href="javascript:void(0)">订单</a></li>
          <li><a id="settlement" href="javascript:void(0)">业务结算</a></li>
          <li><a id="dashboard" href="javascript:void(0)">统计看板</a></li>
          <li><a id="settings" href="javascript:void(0)">配置中心</a></li>
          <li><a href="#">关于我们</a></li>
        </ul>
      </div>

    </div>

  </div>
</template>

<script>
  export default {
    name: 'navbar',
    data () {
      return {
        company_name: '飞马车险'
      }
    }
  }

</script>
